<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="assets/mui/css/mui.min.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/search.css">
    <title>乐淘云购</title>

</head>

<body>
    <header id="header" class="mui-bar mui-bar-nav">
        <a class="mui-icon mui-icon-left-nav mui-pull-left" href="javascript:history.back()"></a>
        <h1 class="mui-title">搜索中心</h1>

    </header>
    <!-- 内容区域 -->
    <div class="lt_content" mui-clearfix>
        <div class="lt_wrapper">
            <div class="mui-scroll-wrapper">
                <div class="mui-scroll">
                    <!--搜索表单-->
                    <div class="lt_search">
                        <form action="javascript:;">
                            <input class="search_input" type="search" placeholder="请输入搜索关键字" />
                            <a class="search_btn"  href="javascript:;">搜索</a>
                        </form>
                    </div>
                    <!--搜索历史-->
                    <div class="lt_history">


                    </div>
                </div>
            </div>
        </div>
    </div>
    <nav class="mui-bar mui-bar-tab">
        <a class="mui-tab-item" href="index.html">
            <span class="mui-icon mui-icon-home"></span>
            <span class="mui-tab-label">首页</span>
        </a>
        <a class="mui-tab-item" href="category.html">
            <span class="mui-icon mui-icon-bars"></span>
            <span class="mui-tab-label">分类</span>
        </a>
        <a class="mui-tab-item" href="#tabbar-with-contact">
            <span class="mui-icon mui-icon-contact"></span>
            <span class="mui-tab-label">购物车</span>
        </a>
        <a class="mui-tab-item" href="user.html">
            <span class="mui-icon mui-icon-contact"></span>
            <span class="mui-tab-label">会员中心</span>
        </a>
    </nav>
    <script src="assets/zepto/zepto.min.js"></script>
    <script src="assets/mui/js/mui.min.js"></script>
    <script src="assets/artTemplate/template-native.js"></script>
    <script src="js/common.js"></script>
    <script src="js/search.js"></script>
    <!-- <% for(var i = result.length-1 ; i >= 0 ; i --){ %> -->
    <script type="text/template" id="artlist">
        <div class="mui-clearfix">
            <% if(result.length > 0){ %>
                <span class="mui-pull-left">搜索历史</span>
                <span class="mui-pull-right mui-icon mui-icon-trash">清空记录</span>
            <% }else{ %>
                <span class="mui-pull-left">没有搜索历史记录</span>
            <% } %>
        </div>
        <% if(result.length > 0){ %>
            <ul>
               
                <% for(var i = result.length-1 ; i >=0  ; i--){ %>
                <li><a href="#"><%=result[i]%></a><span data-index="<%=i%>" class="mui-icon mui-icon-closeempty delSingle"></span></li>
                <% } %>
            </ul>
        <% } %> 
        </script>
</body>

</html>